<!DOCTYPE html>
<!-- Consider specifying the language of your content by adding the `lang` attribute to <html> -->
<!--[if lt IE 7]> <html class="no-js ie6"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>

	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<!-- Put your title here! -->
	<title>Inicio</title>

	<meta name="description" content="">

	 <!-- Mobile viewport optimized: h5bp.com/viewport -->
	<meta name="viewport" content="width=device-width">

	<link href="css/style.css" rel="stylesheet">

	<!-- Load Open Sans and Merriweather from Google Fonts
		For optimal performance, customize it to load the styles you need:
		http://goo.gl/QufgJ
	-->
	<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Merriweather:400,700,900" rel="stylesheet">

	<!-- All JavaScript at the bottom, except for Modernizr
		Modernizr enables HTML5 elements & feature detects; It includes Respond, a polyfill for min/max-width CSS3 Media Queries
		For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
	<script src="js/modernizr-2.6.1.min.js"></script>
</head>

<body>

	<!-- Prompt IE 6 and 7 users to install Chrome Frame:		chromium.org/developers/how-tos/chrome-frame-getting-started -->
	<!--[if lt IE 8]>
		<p class="chromeframe alert alert-warning">Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
	<![endif]-->

	<header id="master-header" class="clearfix" role="banner">

		<hgroup>
			<h1 id="site-title"><a href="index.html" title="t2s">Time 2 Snack</a></h1>
			<h2 id="site-description">This is an awesome description of the site!</h2>
		</hgroup>

	</header> <!-- #master-header -->

<div id="main" class="row clearfix">

	<!-- Main navigation -->
	<nav class="main-navigation clearfix span12" role="navigation">
		<h3 class="assistive-text">Main menu</h3>
		<ul>
			<li class="current"><a href="Inicio.html">Inicio</a></li>
			<li>
				<a href="#">Catálogos</a>
				<ul class="sub-menu">
					<li><a href="DisplayAllServletC">Colegios</a></li>
					<li><a href="Ncolegios.html">Nuevos Colegios</a></li>
					<li><a href="DisplayAllServeletP">Productos</a></li>
					<li><a href="Nproductos.html">Nuevos Productos</a></li>
				</ul>
				<li>
				<a href="#">Ordenes</a>
				<ul class="sub-menu">
					<li><a href="DisplayAllServletOC">Nueva Orden</a></li>
					<li><a href="DisplayAllServletOCF">Ordenes confirmadas</a></li>
					<li><a href="DisplayAllServletOE">Ordenes entregadas</a></li>
					<li><a href="DisplayAllServletOCC">Ordenes Canceladas</a></li>
					<li><a href="DisplayAllServletRC">Reporte por cliente</a></li>
					<li><a href="DisplayAllServletRF">Reporte por Fecha</a></li>
				
				</ul>
			</li>
			<li><a href="Contactos.html">Contactos</a></li>
		</ul>
	</nav> <!-- #main-navigation -->

<div id="content" role="main" class="span7">

	<article class="post hentry">

		<header class="entry-header">
			<h1 class="entry-title">
				<a href="#" title="Post Heading" rel="bookmark">Mision:</a>
			</h1>

			<a href="#" title="Post Heading"><img src="images/logo_t2s.png" alt="Post thumbnail" class="thumbnail" /></a>
		</header> <!-- .entry-header -->

		<div class="entry-content">
			<p>
				<a href="#">Time 2 Snack</a> es un sistema de pedido seguro, fácil de usara para los pagos anticipados en línea de comida escolar y eduación nutritiva.
			</p>

			<p>
				Nuestro Objectivo es ahorrar tiempo a los padres de familia y fomentar una alimentación saludable para los niños.
			</p>

			<p><a href="#" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></p>
		</div> <!-- .entry-content -->

		<footer class="entry-meta">
			Posted in <a href="#" rel="category">Category Name</a>
			on <time class="entry-date" datetime="2012-06-25" pubdate>June 25 2012</time>
			by <span class="author vcard"><a class="url fn n" href="#" title="View all posts by Author" rel="author">Author Name</a></span>

			<span class="edit-link"><a href="#" title="Edit entry">Edit &#9997;</a></span>
		</footer>

	</article> <!-- .post.hentry -->

	<article class="post hentry">

		<header class="entry-header">
			<h1 class="entry-title">Beneficios del sistema Time 2 Snack </h1>

			<a href="#" title="Post heading 2 Goes Her">
				<img src="images/desayuno5.png" alt="Post thumbnail" class="thumbnail" />
			</a>
		</header> <!-- .entry-header -->

		<div class="entry-content">
			<p>
				<p>- El sistema es gratis, sin ningun costo de inscripcón.</p>
				<p>- Ningun equipo especial para comprar, ningun programa para bajar.</p>
				<p>- Facil de implementar </p>
				<p>- Facil de manejar</P>
				<p>- Proveer un servicio automatico que requiere un entrenamiento minimo.</p>
				<P>- Te ayudamos en el proceso.</p>
				<p>- Le dan un valor a tu estabecimiento.</p>
				<p>- Fomentas comidas saludables.</p>
				<P>- Combina la garantia de refrigerios nutritivos con la facilidad de oredenar en linea y entrega.</p>
				<p>- La comida puede ser pedida para un dia, semana o mes.</p>
				<p>- Facilidad de ordenar y pagar<a href="#">(Pay Pal).</a></p>
				<p>- Todos los ingresos se quedan en la cafeteria.</p>
				<p>- Evita manejo de efectivo.<P>
				<p>- Elimina los costos extras.</P>
				<p>- Minimiza mermas.</P>
				<p>- Reduce inventarios.</P>
				<P>- Opciones de responder.</p>
			</p>

			<p><a href="#" class="more-link">Continue reading <span class="meta-nav">&rarr;</span></a></p>
		</div> <!-- .entry-content -->

	</article> <!-- .post.hentry -->

	<article class="post hentry">

		<header class="entry-header">
			<h1 class="entry-title">
				<a href="#" title="Post Heading" rel="bookmark">Vision:</a>
			</h1>
		</header> <!-- .entry-header -->

		<div class="entry-content">
			<p>
				Nuestro sistema<a href="#">(Time 2 Snack)</a>de pedidos en linea esta diseñado para facilitar a los Comedores/Cooperativas Escolares una gestion mas eficiente y profesional en los aspectos de la preparcion de Refrigerios y manejo de inventario.
            </p>
            <p>
				Ofreciendo a los estudiantes y/o padres de familia las facilidad de comprar en linea el refrigerio de sus hijos de una manera mas eficiente y conveniente.
			</p>
		</div> <!-- .entry-content -->

		<footer class="entry-meta">
			Posted in <a href="#" rel="category">Category Name</a>
			on <time class="entry-date" datetime="2012-06-24" pubdate>June 24 2012</time>
			by <span class="author vcard"><a class="url fn n" href="#" title="View all posts by Author" rel="author">Author Name</a></span>
		</footer>

	</article> <!-- .post.hentry -->

</div> <!-- #content -->

<div id="sidebar" role="complementary" class="span4">

	<!-- Non-working search form -->
	<form role="search" action="#" class="searchform">
		<label class="assistive-text" for="s">Search for:</label>
		<input type="search" name="s" id="s" results="10" placeholder="Search..." value="">
		<input type="submit" value="Search">
	</form> <!-- .searchform.widget -->

	

	<aside class="widget">
		<h3 class="widget-title">Cuenta Time 2 Snack</h3>
		<form method = "post" action ="Registrarse.html" onsubmit="return validarForma(this)">
         <p>
         <label>Nombre:
         <br>
  		    <input type = "text" id="userName" name="userName"/>
  		 <br/>
          </label>
         </p>
		 <p>
		 <label>Password:
        		<br>
           		<input type = "password" id="password" name="password"/>
           		<br/>
         </label>
         </p>
        <p>
        
   		<input class="submit" type="submit" value="Registrate"/>
   		
   		<a><input class="submit" type="submit" value="Entrar"/></a>
  		</p>
	    </form>
		<p>Si no tienes cuenta Registrate ahora</p>
	</aside> <!-- .widget -->
	
	<aside class="widget">
		<h3 class="widget-title">Sidebar heading</h3>

		<ul>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
			<li>Li element</li>
			<li><a href="#">Li element</a></li>
		</ul>
	</aside> <!-- .widget -->

</div> <!-- #sidebar -->

</div> <!-- #main -->
		<figure>
   			<img src="" alt="">
   			<figcaption>Paseo de la Rosita 905 B, col. Campestre la Rosita Tel. (871) 296.34.12</figcaption>
		</figure>

	<footer id="footer" role="contentinfo">
		<!-- You're free to remove the credit link to Jayj.dk in the footer, but please, please leave it there :) -->
		<p>
			Copyright &copy; 2012 <a href="#">Sitename.com</a>
			<span class="sep">|</span>
			Design by <a href="http://jayj.dk" title="Design by Jayj.dk">Jayj.dk</a>
		</p>
	</footer> <!-- #footer -->

	<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>

	<!-- Load custom scripts -->
	<script src="js/script.js"></script>
</body>
</html>